@use 'sass:map';

// 响应式断点
$breakpoints: (
  'sm': 768px,
  'md': 992px,
  'lg': 1200px
);

// 响应式混合器
@mixin respond-to($breakpoint) {
  @if map.has-key($breakpoints, $breakpoint) {
    @media (max-width: #{map.get($breakpoints, $breakpoint)}) {
      @content;
    }
  }
} 